@charset "utf-8";

@import "reset";
@import "fonts";
@import "common";

body{
    height: 100%;
    background: url(../img/bg.jpg) no-repeat;
    background-size: cover;
}

.b_content{
    height: 100%;
    width: 100%;
    padding-top: r(350px);
    position: relative;
    .b_pic{
        height: r(145px);
        width: r(170px);
        margin: 0 auto;
        img{
            display: block;
            height: 100%;
            width: 100%;
        }
    }
    .b_title{
        height: r(40px);
        width: r(166px);
        overflow: hidden;
        margin: r(23px) auto r(35px);
        img{
            height: 100%;
            width: 100%;
            display: block;
        }
    }
    .b_desc{
        height: r(32px);
        width: r(327px);
        overflow: hidden;
        margin: 0 auto r(11px);
        img{
            height: 100%;
            width: 100%;
            display: block;
        }
    }.b_line{
        height: r(25px);
        width: 45%;
        overflow: hidden;
        margin: 0 auto;
        img{
            height: 100%;
            width: 100%;
            display: block;
        }
    }
    .b_but{
        position: absolute;
        bottom: 0;
        left: 0;
        height: r(140px);
        width: 100%;
        padding: r(30px) r(85px);
        display: flex;
        justify-content: space-between;
        a{
            display: block;
            height: 100%;
            line-height: r(76px);
            width: 48%;
            text-align: center;
            font-size: r(30px);
            font-weight: 500;
            border: r(2px) solid #d62d31;
            border-radius: r(7px);
        }
        .b_enter{
            background-color: #fff;
            color: #d62d31;
        }
        .b_enroll{
            background-color: #d62d31;
            color: #fff;
        }
    }
}
